<template>
	<view>
		<view class="form-wrap">
			<view class="form-item">
				<view class="form-content">
					<text class="label">所属公园</text>
					<view class="value"></view>
					<view class="suffix">
						<image class="arrow" src="@/static/img/common/arrow-right2.png"></image>
					</view>
				</view>
			</view>

			<view class="form-item">
				<view class="form-content">
					<text class="label">问题描述</text>
					<view class="value"></view>
					<view class="suffix">
						<image class="arrow" src="@/static/img/common/arrow-right2.png"></image>
					</view>
				</view>
				<!-- <up-upload :fileList="fileList" multiple :maxCount="10" accept="all"></up-upload> -->
				<MediaUpload v-model="formData.fileList"></MediaUpload>
			</view>
		</view>

		<view class="form-wrap">
			<view class="form-item">
				<view class="form-content">
					<text class="label">所属公园</text>
					<view class="value"></view>
					<view class="suffix">
						<image class="arrow" src="@/static/img/common/arrow-right2.png"></image>
					</view>
				</view>
			</view>

			<view class="form-item">
				<view class="form-content">
					<text class="label">问题描述</text>
					<view class="value"></view>
					<view class="suffix">
						<image class="arrow" src="@/static/img/common/arrow-right2.png"></image>
					</view>
				</view>
			</view>
		</view>

		<view class="btn-content">
			<up-button shape="circle">取消</up-button>
			<up-button shape="circle">取消</up-button>
			<up-button type="primary" shape="circle">提交</up-button>
		</view>
	</view>
</template>

<script setup>
import MediaUpload from '@/components/MediaUpload.vue'
import { ref } from 'vue'

const formData = ref({
	fileList: [
		{
			ctime: null,
			fileId: null,
			fileName: '2BB22AE73F614272AB7F76733053F006.jpg',
			filePrefix: 'http://114.55.65.139',
			fileType: 'jpg',
			fileUrl: '/group1/default/20241210/C38C6275EFB94D6E82ED7C0CBA04608A.jpg',
			fileUser: null,
			objectField: null,
			objectId: null
		}
	]
})
</script>

<style lang="scss">
page {
	padding: 30rpx 24rpx;
}
</style>
